React redux(一)

关于React-redux

Redux是React全家桶的重要一员,Redux是JavaScript的状态容器,Redux的概念简单明了:

  1. 应用中所有的状态都是以一个对象树的形式存储在一个单一的store中;
  2. 当你想要改变应用的中的状态时,你就要dispatch一个action,这也是唯一的改变state的方法;
  3. 通过编写reducer来维护状态,返回新的state,不直接修改原来数据;

Redux 的作用

在React中,数据的传递主要采用state和props,props得由父级分发下来,而state是组件中可自行管理的状态,这意味着React并没有让数据回溯的能力,数据只能单向向下分发,或者自行内部处理,举一个简单的例子,父组件可以使用props向子组件传递数据,子组件可以通过触发回调函数来改变父组件的状态,如果是那种没有嵌套关系的组件,该如何来实现通信呢?为了解决这个问题,Redux的方法就是将store放在根目录顶层组件中,一层层往下分发给各子组件,在子组件中进行调用,Redux的作用是让状态变得更加可预测、并且更容易管理。

Redux由Flux框架演变而来,但在Flux的基础上Redux改变了整个框架中某些角色的作用,例如在Flux中你可以拥有多个store,每个store存储自己对应的那部分状态,在Redux中,你只能维护一个store,存储了整个应用的所有状态,Redux更倾向于把store分发下去,dispatch action的时候,reducer根据状态对象的key值再将store进行拆分,reducer能拿到store中对应的那一部分进行处理,Redux提供createStore、combineReducers、applyMiddleware等一系列方法来配合React-redux使用帮我们更好的对这个store进行管理

请我吃辣条吧~~
-------------本文结束感谢您的阅读-------------